<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>作业</title>
	<link rel="stylesheet" href="./css/index.css">
	<link rel="stylesheet" href="./css/animate.css">
</head>
<body>

	<header class="header header_animate_init">
			<div class="header__logo header__logo_animate_init">H5实战页面</div>
			<nav class="header__nav">
				<a href="javascript:;" class="header__nav__item-i-1 header__nav__item-i-1_animate_init header__nav__tiem_active">实战课程</a>
				<a href="javascript:;" class="header__nav__item-i-2 header__nav__item-i-2_animate_init">商业案列</a>
				<a href="javascript:;" class="header__nav__item-i-3 header__nav__item-i-3_animate_init">课程体系</a>
				<a href="javascript:;" class="header__nav__item-i-4 header__nav__item-i-4_animate_init">集成环境</a>
				<a href="javascript:;" class="header__nav__item-i-5 header__nav__item-i-5_animate_init">云端学习</a>
				<a href="javascript:;" class="header__nav__item-study">即刻学习</a>
				<div class="header__active"></div>
			</nav>
	</header>


	<section class="screen__1">
		<div class="screen__1__wrap">
			<h2 class="screen__1__wrap__heading screen__1__wrap__heading_animate_init">实战课程重磅上线</h2>
			<h3 class="screen__1__wrap__subheading screen__1__wrap__subheading_animate_init">一键云学习，还在等待什么？</h3>
		</div>
	</section>


	<section class="screen__2">
		<h2 class="screen__2__heading screen__2__heading_animate_init">每门课都是真实商业案例</h2>
		<h3 class="screen__2__subheading screen__2__subheading_animate_init">真实案例，真实场景，在实战中实践、操作、调试<br>大牛带你体验BAT真实开发流程，所有开发过程一一为你呈现</h3>
		<div class="screen__2__man screen__2__man_animate_init"></div>
		<div class="screen__2__rocket screen__2__rocket_animate_init"></div>
	</section>
			

	<section class="screen__3">
		<div class="screen__3__react screen__3__react_animate_init"></div>
		<div class="screen__3__wrap">
			<h2 class="screen__3__wrap__heading screen__3__wrap__heading_animate_init">强大的语言课程体系支付</h2>
			<h3 class="screen__3__wrap__subheading screen__3__wrap__subheading_animate_init">学习环境与课程轻松对接，安装、调试、写入、部署、运行，一站式解决<br>，让你体验开发全流程</h3>
			<div class="screen__3__wrap__lanwrap screen__3__wrap__lanwrap_animate_init">
				<div class="screen__3__wrap__lanwrap__item screen__3__wrap__lanwrap__item-i-1_animate_init  screen__3__wrap__lanwrap__item-i-1">HTML5</div>
				<div class="screen__3__wrap__lanwrap__item screen__3__wrap__lanwrap__item-i-2_animate_init screen__3__wrap__lanwrap__item-i-2">PHP</div>
				<div class="screen__3__wrap__lanwrap__item screen__3__wrap__lanwrap__item-i-3_animate_init screen__3__wrap__lanwrap__item-i-3">JAVA</div>
				<div class="screen__3__wrap__lanwrap__item screen__3__wrap__lanwrap__item-i-4_animate_init screen__3__wrap__lanwrap__item-i-4">Python</div>
				<div class="screen__3__wrap__lanwrap__item screen__3__wrap__lanwrap__item-i-5_animate_init screen__3__wrap__lanwrap__item-i-5">Node.js</div>
			</div>
		</div>
	</section>	


	<section class="screen__4">
		<div class="screen__4__wrap">
			<h2 class="screen__4__wrap__heading screen__4__wrap__heading_animate_init">省去本地复杂的环境搭建</h2>
			<h3 class="screen__4__wrap__subheading screen__4__wrap__subheading_animate_init">你可以告别在虚拟机中调试开发了</h3>
			<div class="screen__4__wrap__item">
				<div class="screen__4__wrap__item-i-1 screen__4__wrap__item-i-1_animate_init">
					<div class="screen__4__wrap__head screen__4__wrap__head-1"></div>
					<div class="screen__4__wrap__foot">实战课程集成开发环境</div>
				</div>
				<div class="screen__4__wrap__item-i-2 screen__4__wrap__item-i-2_animate_init">
					<div class="screen__4__wrap__head screen__4__wrap__head-2"></div>
					<div class="screen__4__wrap__foot">内置终端命令行</div>
				</div>
				<div class="screen__4__wrap__item-i-3 screen__4__wrap__item-i-3_animate_init">
					<div class="screen__4__wrap__head screen__4__wrap__head-3"></div>
					<div class="screen__4__wrap__foot">编译你的应用程序</div>
				</div>
				<div class="screen__4__wrap__item-i-4 screen__4__wrap__item-i-4_animate_init">
					<div class="screen__4__wrap__head screen__4__wrap__head-4"></div>
					<div class="screen__4__wrap__foot">通过云端服务输出效果</div>
				</div>
			</div>
		</div>
	</section>	
		

	<section class="screen__5">
		<div class="screen__5__wrap">
			<div class="screen__5__wrap__head screen__5__wrap__head_animate_init"></div>
			<h2 class="screen__5__wrap__heading screen__5__wrap__heading_animate_init">云端学习可以这样简单</h2>
			<h3 class="screen__5__wrap__subheading screen__5__wrap__subheading_animate_init">看视频，敲代码，一气呵成。结合慕课网为你提供的云端学习工具，所见即所得。从此学习不一样</h3>
		</div>
	</section>	


	<section class="other">
		<a href="javascript:;" class="other__study">继续了解学习体验</a>
	</section>


	<footer class="footer">
		<div class="footer__wrap">
			<a href="javascript:;" class="footer__wrap_item">网站首页</a>
			<a href="javascript:;" class="footer__wrap_item">人才招聘</a>
			<a href="javascript:;" class="footer__wrap_item">联系我们</a>
			<a href="javascript:;" class="footer__wrap_item">高校联盟</a>
			<a href="javascript:;" class="footer__wrap_item">关于我们</a>
			<a href="javascript:;" class="footer__wrap_item">讲师招募</a>
			<a href="javascript:;" class="footer__wrap_item">意见反馈</a>
			<a href="javascript:;" class="footer__wrap_item">友情链接</a>
			<p>Copyright © 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
		</div>
	</footer>

	<nav class="nav-right">
		<a href="javascript:;" class="nav_right_item nav-right_active">实</a>
		<a href="javascript:;" class="nav_right_item">商</a>
		<a href="javascript:;" class="nav_right_item">课</a>
		<a href="javascript:;" class="nav_right_item">集</a>
		<a href="javascript:;" class="nav_right_item">云</a>
	</nav>

	
	<script src="./js/index.js"></script>
</body>
</html>